<script setup>
import { ref,reactive,computed,watch,watchEffect,onMounted,nextTick} from "vue";
import "./font/iconfont"
import "./font/iconfont.css"
const props=defineProps({
	color:{
		type:String,
        default:""
	},
	name:{
		type:String,
        default:""
	}
})
const emits=defineEmits([])

</script>


<template>
	<!-- <svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
		<use :xlink:href="`#zj-${name}`" :fill="color"></use>
	</svg> -->
	<i class="zijid-ui" :style="{color}" :class="'zj-'+name"></i>
</template>


<style scoped>
.icon {
    height: 32px; width: 32px;
}
</style>